<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="description" content="本页尺寸使用vw和vh布局，会发现软键盘弹出后视图高度变化导致页面跑版">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
		<script src="js/flexible_simplify.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="css/提现.css" />
		<title>vw+vh布局</title>
	</head>

	<body>
		<div class="zhuti">
			<div class="kaishi">
				<a class="fan"><img src="img/fanhui@2x.png" /></a>
				<p>提现</p>
			</div>
			<div class="kaishi1">
				<span>当前余额</span>
				<input type="text" name="" id="" value="" placeholder="90.00" />
			</div>
			<div class="kaishi1">
				<span>提现金额</span>
				<input type="text" name="" id="" value="" placeholder="请输入提现金额" />
			</div>

			<form>
				<div>
					<span>提现到微信红包</span>
					<input type="checkbox" name="" id="" value="" />
				</div>
				<div>
					<span>提现到银行卡</span>
					<input type="checkbox" name="" id="" value="" />
				</div>
			</form>
			<div class="xuq">
				<a href="#">充值记录</a>
				<a href="忘记密码.html">忘记密码</a>
			</div>
			<div class="zhu">
				<button class="bot">确定</button>
			</div>
		</div>
		<div class="zhezhao">
			<div class="zhezhao1">
				<p>请输入钱包密码</p>
				<ul contenteditable="true">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<div class="panduan"></div>
			</div>

		</div>
	</body>
	<script type="text/javascript">
		window.onload = function() {

			var fan = document.getElementsByClassName("fan")[0];
			fan.onclick = function() {
				location.href = "index.html"
			}
			var zhezhao = document.getElementsByClassName("zhezhao")[0];
			var bot = document.getElementsByClassName("bot")[0];
			bot.onclick = function() {
				zhezhao.style.display = "block"
			}

		}
	</script>

</html>